<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>订单详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">



    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</head>
<body>
<div id="container">
    <%@include file="/jsp/public/top.jspf"%>
    <div id="mainbody" style="margin-left:310px" >
        <div class="panel panel-default" style="width:80%" >
            <div class="panel-heading">订单详情</div>
            <div class="panel-body row-fluid">
                <br>
                <div class="row-fluid" align="center">
                    <table>
                        <tr>
                            <td>
                                <div class="span1">
                                    <div class="row">
                                        <div>
                                            <img src="<%=request.getContextPath()%>/resources/images/jieping2.png">
                                        </div>
                                    </div>
                                    <div class="row">

                                        <ul class="list-unstyled spaced">

                                            <li><i class=icon-caret-right blue></i> 收货地址：${order.address.region},${order.address.address}</li>
                                            <li><i class=icon-caret-right blue></i>邮政编码:${order.address.postcode}</li>
                                            <li><i class=icon-caret-right blue></i>收货人：${order.address.consignee}</li>
                                            <li><i class=icon-caret-right blue></i>电话:${order.address.phone}</li>
                                        </ul>
                                    </div>
                                </div>
                            </td>
                            <td colspan="2">
                                &nbsp; &nbsp; &nbsp; &nbsp;
                            </td>
                            <td>
                                <div class="span1">
                                    <div class="row">
                                        <div>
                                            <img src="<%=request.getContextPath()%>/resources/images/jieping1.png">
                                        </div>
                                    </div>
                                    <div class="row">
                                        <ul class="list-unstyled spaced">
                                            <li><i class=icon-caret-right blue></i>卖家昵称：${seller.name}</li>
                                            <li><i class=icon-caret-right blue></i>卖家邮箱:${seller.email}</li>
                                            <li><i class=icon-caret-right blue></i>订单号：${order.id}</li>
                                            <li><i class=icon-caret-right blue></i>成交时间:${order.orderdate}</li>

                                        </ul>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                    <br>
                </div>
            <table class="table">
                <tr>
                    <th colspan="2">商品</th>
                    <th>属性</th>
                    <th>状态</th>
                    <th>单价（元）</th>
                    <th>数量</th>
                    <th>优惠</th>
                    <th>总价（元）</th>
                    <th>运费（元）</th>
                </tr>
                <c:forEach items="${order.orderItems}" var="item" >
                    <tr>
                        <td>  <img width="80px" height="80px" src="<%=request.getContextPath() %>/resources/images/goodsImages/${item.goods.image}" alt=""/></td>
                        <td >${item.goods.name}</td>
                        <td>品牌：${item.goods.brand}<br>CPU：${item.goods.CPU}<br>内存：${item.goods.RAM}</td>
                        <td>${order.state}</td>
                        <td>${item.goods.price}</td>
                        <td>${item.quantity}</td>
                        <td>-</td>
                        <td>${item.subtotal}</td>
                        <td>0.00</td>
                    </tr>
                </c:forEach>
            </table>
        </div>
        </div>
    </div>
    <div class="footPush"></div>
</div>
<%@include file="/jsp/public/footer.jspf"%>
</body>
</html>
